@charset "utf-8";

/*banner*/
.banner{position: relative; height:700px;clear: both;}
.ban_p,.ban_p li{ height:700px;overflow: hidden;}
.ban_p li{ display:block; height:700px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 700px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:180px;height:30px;bottom:30px;left:50%;margin-left:-90px;position: absolute;text-align: center;z-index: 99;}
.ban_t em{width:16px;height:16px;border-radius:16px;margin-right:14px; display: inline-block;cursor: pointer;background: #fff;}
.ban_t em.on{background: #900006;width: 32px}

.til01{padding: 0 0 35px;display: block;text-align: center;font-family:"Microsoft Yahei";}
.til01 img{display: block;margin: 0 auto;}
.til01 p{display: block;padding:25px 0 0;height: 46px;line-height: 46px;}
.til01 p span{display: inline-block;padding: 0 0 0 54px;color: #fefaf7;background:url(../images/tilbg1.gif) no-repeat 0 0;}
.til01 p span b{display: inline-block;padding: 0 54px 0 0;color: #fefaf7;background:url(../images/tilbg2.gif) no-repeat right 0;}
.til01 a{display: block;color: #fefaf7;}

/*引子*/
.webox{height:475px;font-family:"Microsoft Yahei";line-height:36px;position: relative;background:url(../images/webg.jpg) no-repeat center 0;padding: 110px 0 0;text-align: center;font-size: 16px;color: #5a453f;border-bottom: solid 1px #e6e5e5;}
.webox_w{padding: 19px 0 0;}
.webox_w b{color: #241815;font-size: 18px;line-height: 74px;height:96px;}
.webox_w span{color: #241815;font-size: 18px;line-height:138px;display: inline-block;background:url(../images/we_ico.png) no-repeat right 0;padding: 0 282px 0 380px;}


/*产品中心*/
.probox{padding:99px 0;font-family:"Microsoft Yahei";text-align: center;}
.pro_t{height: 159px;font-size:18px;line-height: 42px;text-align: center;color: #333;overflow: hidden;border-top: solid 1px #d7d7d7;position: relative;z-index: 1;}
.pro_t:before{content: "";position: absolute;z-index: -1;height: 1px;width: 1200px;left: 0;top:128px;background: #d7d7d7;}
.pro_t li{width:200px;float: left;padding:15px 0 0;position: relative;height: 111px;font-weight: bold;}
.pro_t li img{width: 130px;height:65px;display: block;margin: 0 auto;}
.pro_t li span{display: block;height:40px;}
.pro_t li span a{display: block;color: #333;}
.pro_t li.cur,.pro_t li:hover{border-bottom: solid 3px #900006;}
.pro_t li.cur:after,.pro_t li:hover:after{content: "";position: absolute;width: 0;height: 0;top:129px;left:50%;margin-left:-8px; border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #900006;}
.pro_t li.cur span a,.pro_t li:hover span a,.pro_t li span a:hover{color: #900006;}
.pro_t li:before{content: "";position: absolute;width: 1px;height: 85px;right:0;top:22px;background: #d7d7d7;}
.pro_t li:last-child:before{width: 0;height: 0;background: none;}
.pro_con{height: 675px;}
.pro_l,.pro_l img{width:901px;height: 675px;display: block;overflow: hidden;}
.pro_r{width: 282px;}
.prev1,.next1{width:282px;height:61px;cursor: pointer;overflow: hidden;background:url(../images/next1.gif) no-repeat 0 0;display: block;}
.prev1{background:url(../images/prev1.gif) no-repeat 0 0;}
.prev2,.next2{width:64px;height: 64px;top:495px;z-index: 9;cursor: pointer;left: 50%;margin-left: 560px;background:url(../images/next2.png) no-repeat 0 0;}
.prev2{background:url(../images/prev2.png) no-repeat 0 0;margin-left:-638px;}
.prev1:hover,.next1:hover,.prev2:hover,.next2:hover{background-position: 0 bottom;}

.pro_rc{height: 514px;margin: 20px 0;overflow: hidden;}
.pro_r li{height: 266px;border-bottom: solid 1px #d7d7d7;}
.pro_r li span{height: 52px;font-size: 18px;overflow: hidden;line-height:50px;}
.pro_r li span a{display: block;color: #604842;}
.pro_r li p,.pro_r li p img{width: 282px;display: block;height: 212px;overflow: hidden;}

/*特点*/
.chara{font-family: "Microsoft Yahei";line-height:24px;padding:103px 0 0;height: 847px;background:url(../images/charabg.jpg) no-repeat center 0;color: #5a5a5a;text-align: center;}
.chara_c{width:600px;padding: 80px 0 0 21px;}
.chara_c dl{float: left;position: relative;border-right: solid 1px #dadada;border-top: solid 1px #dadada;}
.chara_c dl:nth-child(1),.chara_c dl:nth-child(2),.chara_c dl:nth-child(3){border-top: 0;}
.chara_c dl,.chara_c dt,.chara_c dt img{width:198px;height:198px;display: block;overflow: hidden;}
.chara_c dt{position: absolute;left: 0;top: 0;display: none;}
.chara_c dt p{position: absolute;left:29px;top:55px;line-height: 21px;color: #fff;width: 142px;}
.chara_c dl:hover dt{display: block;}
.chara_c dd{padding:34px 0 0;}
.chara_c dd span{display: block;width: 52px;height: 52px;margin: 0 auto;}
.chara_c dd p b{display: block;font-size: 24px;line-height: 54px;color: #241815;}

/*案例*/
.case{padding:99px 0 0;height:964px;font-family: "Microsoft Yahei";line-height: 20px;background:url(../images/bg01.jpg) repeat center 0;position: relative;}
.case_t{height:121px;position: relative;text-align: center;font-size: 20px;line-height:26px;padding: 40px 0 0;}
.case_t li{height:121px;float: left;width: 200px;position: relative;}
/*.case_t li:nth-child(1){margin:0 0 0 178px;}*/
.case_t li:before{content: "";position: absolute;width: 1px;height:92px;left:12px;top:3px;border-left: dotted 1px #000;}
.case_t li a{display: block;color: #666;}
.case_t li:last-child:after{content: "";position: absolute;width: 1px;height:92px;right:12px;top:3px;border-left: dotted 1px #000;}}
.case_t li p{display: block;padding: 12px 0 0;}
.case_t li p em{display: block;font-size: 9px;line-height: 14px;color: #8b8b8b;}
.case_t li span{position: relative;width:73px;height:47px;display: block;overflow: hidden;margin: 0 auto;}
.case_t li span i{width:73px;height:47px;position: absolute;display: block;top:0;left:0;}
.case_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.case_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.case_t li.cur a,.case_t li:hover a{color: #900006;font-weight: bold;}
.case_t li:hover span .default,.case_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.case_t li:hover span .hover,.case_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.case_c{clear: both;}
.case_c .tempWrap{overflow: visible !important;}
.case_c li{width:580px;position: relative;float: left;margin: 0 20px 0 0;height: 497px;}
.case_c li p,.case_c li p img{width:580px;height: 435px;display: block;overflow: hidden;}
.case_c li span{width:337px;height:111px;display: block;position: absolute;left:22px;bottom: 0;background: #fff;padding:17px 165px 0 32px;}
.case_c li span:before{content: "";position: absolute;width:112px;right:0;top:0;height:128px;background:url(../images/ico02.png) no-repeat 33px 43px #242424;}
.case_c li span a{display: block;font-size:20px;color: #333;line-height:47px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c li:hover span a,.case_c li span a:hover{color: #900006;font-weight: bold;}
.case_c li:hover span:before{background:url(../images/ico02.png) no-repeat 33px 43px #900006;}

/*优势*/
.edge{clear: both;font-family:"Microsoft Yahei";position: relative;line-height:30px;padding:72px 0 150px;background:url(../images/edgebg.jpg) no-repeat center 0;z-index: 1;color: #333;}
.edge h2{display: block;text-align: center;width: 1200px;padding: 0 0 63px;margin: 0 auto;}
.edge1{height:411px;}
.edge2{height:431px;}
.edge_z{width: 49.22%;}
.edge_w{width: 590px;padding: 94px 0 0;position: relative;z-index: 1;}
.edge_w:before{content: "";position: absolute;width: 49px;height:22px;right:-40px;top:180px;background:url(../images/ico01.png) no-repeat 0 0;}
.edge_w1,.edge_w3{padding-left:24px;}
.edge_w1:before,.edge_w3:before{left: -38px;}

.edge_w h3{height: 146px;font-size:26px;line-height:64px;font-weight: normal;}
.edge_w h3 em{display: block;width: 135px;float: left;}
.edge_w h3 p{display: block;width: 366px;float: left;}
.edge_w h3 span{display: block;width: 236px;background:url(../images/edgetbg.gif) no-repeat 0 0;text-align: center;font-size:26px;line-height:38px;color: #fff;}
.edge_w li{display: block;background:url(../images/ico02.gif) no-repeat 0 10px;padding: 0 0 0 12px;font-size:16px;}
.edge_p{width: 49.74%;height:430px;display: block;background: url(../images/edge_pic1.jpg) no-repeat right 0;margin-top: -20px;}
.edge_p1{margin-top:0;}
.edge_p2{background: url(../images/edge_pic2.jpg) no-repeat 0 0;}
.edge_p4{background: url(../images/edge_pic4.jpg) no-repeat 0 0;}
.edge_p3{background: url(../images/edge_pic3.jpg) no-repeat right 0;}

/*流程*/
.tec_p{padding:105px 0 0;height: 700px;font-family: "Microsoft Yahei";background:url(../images/tec_pbg.jpg) no-repeat center 0 #241815;}

.tec_pc dl{height:343px;width: 152px;float: left;background: #fff;border-top: solid 3px #c7c7c7;margin:0 22px 0 0;color: #000;}
.tec_pc dl:hover{background: #900006;border-color: #d8be67;color: #fff;margin-top: 15px;}
.tec_pc dl:last-child{margin-right: 0;}
.tec_pc dd{padding: 33px 0 0;height: 146px;display: block;text-align: center;}
.tec_pc dd p{display: block;padding: 13px 42px;font-size: 24px;line-height: 36px;font-weight: bold;font-family: "宋体";}
.tec_pc dd span{position: relative;width:40px;height:33px;display: block;margin:0 auto;overflow: hidden;}
.tec_pc dd span i{width:40px;height:33px;position: absolute;display: block;top:0;left:0;}
.tec_pc dd span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.tec_pc dd span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.tec_pc dl:hover dd span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.tec_pc dl:hover dd span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.tec_pc dt,.tec_pc dt img{width: 152px;height: 164px;display: block;}

/*资讯*/
.newbox{line-height:26px;height:737px;font-family:"Microsoft Yahei";overflow:hidden;padding:98px 0 0;color: #676767;}
.new_l{width:668px;height:470px;overflow: hidden;position: relative;z-index: 1;}
.new_r{width:460px;height:470px;overflow: hidden;}
.newtil{height:72px;line-height:54px;font-size:24px;font-weight: normal;position: relative;}
.newtil:before{content: "";position: absolute;width:100%;right:0;top:55px;height:1px;background:#e7e7e7;z-index: -1;}
.newtil a{color: #2e241e;display: block;}
.newtil p{display: block;float: left;}
.newtil p a{height: 54px;border-bottom: solid 2px #2e241e;}
.newtil p a:hover{color: #ab1400;border-color: #ab1400;}
.newtil span{float: right;font-size: 16px;}

.new_l dl{height:201px;display: block;overflow: hidden;border-bottom: solid 1px #f0f0ef;margin-bottom: 18px;}
.new_l dt{position: relative;float: left;margin: 15px 0 0;}
.new_l dt span{position: absolute;width: 65px;height: 65px;top: 0;right: 0;background: url(../images/new_top.png) no-repeat 0 0;}
.new_l dt,.new_l dt img{width:255px;height:143px;display: block;overflow: hidden;}
.new_l dd{width: 382px;float: right;}
.new_l dd h3,.new1_c li a{height: 45px;line-height:45px;font-size:18px;display: block;}
.new_l dd h3 a{display: block;color: #ab1400;}
.new_l dd p{height: 78px;overflow: hidden;}
.new_l dd span a{display: block;width: 133px;line-height: 33px;text-align: center;color: #ab1400;border: solid 1px #ab1400;}

.new_l li{height: 36px;line-height: 36px;position: relative;padding: 0 0 0 22px;color: #777;}
.new_l li a{display: inline-block;color: #555;font-size: 16px;}
.new_l li:before{content: "";position: absolute;width:7px;left:0;top:16px;height:2px;background:#555;z-index: -1;}
.new_l li span{float: right;}
.new_l li:hover,.new_l li:hover a{color: #ab1400;}
.new_l li:hover:before{background: #d8a064;}

.new_r dl{height: 144px;overflow: hidden;}
.new_r dt{height: 54px;padding:0 0 0 30px;background:url(../images/faq_w.gif) no-repeat 0 18px;font-size: 16px;line-height: 54px;}
.new_r dt a{display: block;color: #2e241e;}
.new_r dt a:hover{color: #900006;font-weight: bold;}
.new_r dd{height: 34px;padding:0 0 0 30px;background:url(../images/faq_d.gif) no-repeat 0 3px;}

/*关于*/
.about{font-family: "Microsoft Yahei";background:url(../images/bg01.jpg) repeat center 0;line-height:24px;padding:92px 0 50px;font-size: 16px;position: relative;color: #585858;z-index: 1;}
.about:before{content: "";position: absolute;width:100%;left:0;top:0;height:483px;z-index: -1;background:url(../images/aboutbg.jpg) no-repeat center 0;}
.aboutil{height: 244px;}
.aboutil .til01{/* background:url(../images/about_ico1.png) no-repeat 0 0; */text-align: left;padding: 0 0 0 66px;width: 340px;position: absolute;left: 50%;margin-left: -247px;}
.aboyt_more{display: block;width:304px;padding: 50px 0 0;}
.about_c{padding: 86px 30px 38px;background:#fff;box-shadow:0 5px 5px 5px rgba(0, 0 , 0 , 0.14)}
.about_p,.about_p img{width: 1200px;height: 412px;display: block;overflow: hidden;}
.about_w{height: 168px;border-bottom: dotted 2px #c8c5c4;margin-bottom: 48px;}
.about_w h3{width: 420px;float: left; font-size:36px;line-height:51px;overflow: hidden;color: #222;border-font-family: "宋体";}
.about_w h3 a{color: #222;}
.about_w h3 span{display: block;}
.about_w h3 b,.about_w p a{color: #900006;}
.about_w p{display: block;height:90px;width: 700px;border-left: solid 1px #cfe7dd;padding: 0 0 0 60px;float: right;margin: 12px 0 0;}

/*友情链接*/
.link{height:0;line-height:51px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;}
.link_c{width:630px;position: absolute;right: 0;top: -51px;height: 51px;color: #aaa8a7;overflow: hidden;text-align: right;}
.link i{display: inline-block;padding: 0 8px;}
.link a{display: inline-block;color: #aaa8a7;}

.pro_l img,.pro_r li p img, .chara_c dt img, .case_c li p img, .new_l dt img, .about_p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro_l img:hover,.pro_r li p img:hover, .chara_c dl dt:hover img, .case_c li p img:hover, .new_l dt img:hover, .about_p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


/* 首页产品切换 */

.outpct {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/pctbg.jpg) no-repeat;
    margin-top: 66px;
    padding-bottom: 31px;
}

.tab02 {
    margin: 17px 0;
}

.tab02 li {
    width: 150px;
    height: 77px;
    float: left;
    border:1px solid #666666;
    text-align: center;
    margin-left: -1px;
    background-color: black;
    color: white;
}
.tab02 li a{
    font-size: 16px;
    color: white;
    line-height: 77px;
}
.cur2 {
    background-color: #900107!Important;
}

.cur2 a{
    color: white;
    font-weight: normal;
}



.stitle2 {
    font-size: 28px;
    color: #2f2325;
    font-weight: bold;   
    text-align: center; 
    height: 66px;
    padding-top: 16px;
    background: url(../images/title.png) no-repeat center 40px;
}
.stitle2 span {
    color: #655757;
}

.stitle2 h3 {
    color: #666666;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    text-transform:uppercase;
}

.stitle3 {
    font-size: 28px;
    color: #2f2325;
    font-weight: bold;   
    text-align: center; 
    height: 66px;
    padding-top: 16px;
    background: url(../images/title2.png) no-repeat center 40px;
}
.stitle3 span {
    color: #655757;
}

.stitle3 h3 {
    color: #666666;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}


.product{width: 1100px;margin:0 auto;}
.product .title{height: 196px;text-align: center;}
.prolist{width:1180px;}
.pre_left{cursor:pointer;float:left;margin-top:130px;_display:inline;}
.pre_right{cursor:pointer;float:right;margin-top:130px;}
#probox{
    width: 1200px;
    height: 770px;
    /* float: left; */
    overflow: hidden;
    background-color: #fff;
    padding: 13px;
}
#probox li{
    text-align:center;
    float:left;
    margin-right:12px;
    /* border:1px solid #e5e5e5; */
    margin-bottom: 18px;
}
#probox li a.img{
    display: block;
    position: relative;
    width:379px;
    height: 296px;
    overflow: hidden;
}
#probox li .ov_img img{
  display: inline-block;
  width: 379px;
  height: 284px;
  vertical-align: middle;
}
#probox li .ov_img{
    text-align: center;
    width: 99%;
    height: 290px;
    border: 1px solid #e5e5e5;
    line-height: 280px;
}
#probox li h4 {
    display: inline;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 40px;
}

#probox li:hover h4 {
    color: #2f2325;    
}


#probox li h3{
    width: 80px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 999;
    background: #666;
    margin: 0 auto;
    margin-bottom: 9px;
}
#probox li h3 a{
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    line-height: 1.8;
    display: block;
}

#probox li:hover h3 {
    background-color: #2f2325;    
}

#probox li:hover h3 a{color:#e2d0a9;text-decoration: none;}
#probox li a div.da-animate{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#probox li a div{position: absolute;width: 100%;height: 251px;overflow: hidden;font-size: 16px;line-height: 240px;color:#fff;}
#probox li a div span{display: block;position: relative;}
#probox li a div span img{
    width:379px;
    height:236px;
    border: 0;
    position: absolute;
    left: 0px;top: 0px;
    background-color: rgba(0, 0, 0, 0.43)
}
.da-slideFromTop{left:0px;top:-100%;}
.da-slideFromBottom{left:0px;top:100%;}
.da-slideFromLeft{top:0px;left:-100%;}
.da-slideFromRight{top:0px;left:100%;}
.da-slideTop{top:0px;}
.da-slideLeft{left:0px;}




#order_nav {  
    position: relative; 
    background: #fff; 
    position: relative; 
    margin-top: 50px;
}
#order_nav .list { width: 1200px; margin: 0 auto; }
#order_nav .list li { 
    width: 146px; 
    height: 146px; 
    float: left; 
    border-radius: 50%; 
    position: relative; 
    margin: 0 77px 80px 76px; 
    position: relative; 
    cursor: pointer; 
    -webkit-transition: .4s all;
    -moz-transition: .4s all; 
    -ms-transition: .4s all; 
    transition: .4s all; 
}
#order_nav .list li a { display: block; width: 100%; height: 100%; }
#order_nav .list li .cycle_mark { position: absolute; left: 0; top: 0; z-index: 2; }
#order_nav .list li .ico { 
    width: 130px; 
    height: 130px; 
    position: absolute; 
    left: 7px; 
    top: 7px; 
    background: #4f4f4f url(../images/rotate11.png); 
    border-radius: 50%; 
    z-index: 1; 
    -webkit-transition: .4s all; 
    -moz-transition: .4s all; 
    -ms-transition: .4s all; 
    transition: .4s all; 
}
#order_nav .list li ._1 { background-position: 6px -6px; }
#order_nav .list li ._2 { background-position: -266px -6px; }
#order_nav .list li ._3 { background-position: -566px -6px; }
#order_nav .list li ._4 { background-position: -826px -6px; }
#order_nav .list li ._5 { background-position: -826px -6px; }

#order_nav .list li p { 
    width: 100%; 
    position: absolute; 
    left: 0; 
    top: 106px; 
    text-align: center; 
    background: url(../images/pro_tab.png); 
    padding-top: 50px;
}
#order_nav .list li:hover h3 {
    color: #000;
}
#order_nav .list li:hover p span {
    color: #655757;
}

#order_nav .list li p a span { 
    font-size: 16px; 
    color: #000; 
    display: block;
    font-weight: bold; 
    padding-bottom: 10px;
}

/*#order_nav .list li p span { */
/*    font-size: 14px; */
/*    color: #000; */
/*    display: block;*/
/*    font-weight: bold; */
/*}*/
#order_nav .list li p strong { font-size: 12px; color: #f00; display: block; }

#order_nav .list li.on { background: #dcdcdc; }
#order_nav .list li.on .ico { 
    background: #2f2325 url(../images/rotate22.png); 
    position: relative; 
    left: 7px; 
    top: 7px;
    -webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    -ms-transform: rotate(360deg); 
    transform: rotate(360deg); 
}
#order_nav .list li.on ._1 { background-position: 6px 0px; }
#order_nav .list li.on ._2 { background-position: -266px 0px; }
#order_nav .list li.on ._3 { background-position: -566px 0px; }
#order_nav .list li.on ._4 { background-position: -826px 0px; }
#order_nav .list li.on ._5 { background-position: -520px 0px; }


/* 视频列表 */
.video{
    margin-bottom: 60px;
}
.video .mask{
    
position: absolute;
    
top: 0;
    
background: #000;
    
width: 100%;
    
opacity: 0.5;
    
height: 100%;
}
.mask img{
    width:100px;
    height: 50px;
    margin:auto;
    position:absolute;
    top:50%;
    margin-top: -25px;
}
.video_li li{
    width: 25%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}
.video_li{
    overflow:hidden;
    width: 100%;
}
.video_li li h1{
    text-align: center;
}
.video_li li a{
    display: block;
}
.video_li li a .ov_img{
    position: relative;
}
.video_li li a .ov_img img{
    width: 100%;
    display: block;
}


/*视频*/
.videobox{font-family:"Microsoft Yahei";text-align: center;color: #000;line-height: 28px;background:url(../images/videobg.jpg) no-repeat center 0;}
.video_p{width: 930px;height: 390px;display: block;margin:0 auto;}
.video_w{padding: 44px 168px 0;height: 150px;}
.video_w p{display: block;height:65px;overflow: hidden;}
.video_w span{display: inline-block;font-size: 18px;background:url(../images/ico04.png) no-repeat right 0;padding:27px 136px 0 0;}



/*家居快装型材*/
.resou{padding: 78px 0 0;font-family:"Microsoft Yahei";background:url(../images/resoubg.jpg) no-repeat center 0 #fbf5f0;overflow: hidden;}
.resou1{height: 960px;padding: 4px 0 0;overflow: hidden;}
.resou1 ul{width: 1225px;}
.resou1 li img{
		transition: all 1s;
}
.resou1 li:hover img{
  transform:scale(1.1);
}
.resou1 li{width: 230px;float: left;padding: 0 14px 0 0;text-align: center;}
.resou2 li a{ display: block;text-align: center;line-height: 3.8;}

.resou2 li img{
	transition: all 1s;
}
.resou2 .ov_img{
    height: 90px;
    overflow: hidden;
}
.resou2 li:hover img{
  transform:scale(1.1);
}
.resou1 li p,.resou1 li p img{width: 230px;height: 173px;display: block;overflow: hidden;}
.resou1 li span{display: block;font-size: 16px;line-height: 68px;color: #333;}
.resou2{overflow: hidden;}
.resou2 ul{width: 1220px;}
.resou2 li{float: left;border: solid 1px #dadada;margin: 0 15px 20px 0;}
.resou2 li,.resou2 li img{width: 388px;/* height: 193px; */display: block;overflow: hidden;}

.yq_links {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
}
@media screen and (max-width: 560px) { 
    .yq_links{
        display:none; 
        }
}